<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
			
			
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>物流</title>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path%>/statics/css/style.css"/>
    <script src="<%=path%>/statics/js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
      <script src="<%=path%>/statics/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	$(window).load(function(){
    		$(".loading").addClass("loader-chanage")
    		$(".loading").fadeOut(300)
    	})
    </script>
</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
<body>
	<header class="top-header fixed-header">
		<a class="icona" href="javascript:history.go(-1)">
				<img src="<%=path%>/statics/images/left.png"/>
			</a>
		<h3>物流信息</h3>
			
			<a class="iconb" href="shopcar.html">
			</a>
	</header><input type="text" hidden="hidden" id="num" value="${order.getOrder().serialNumber}">
	<script type="text/javascript">
	var traces= document.getElementById("num").value;
		$.ajax({	  								
    			url:"<%=path%>/product/sys/LogisticCode.json",	
    			type:"POST",
    			data:{traces:traces},
    			dataType:"json",
    			success:function(topicList){
    				
					$(topicList.Traces).each(function(){
															
						var $dd=$("<li class='clearfloat'><span class='dian'></span>	<div class='list-line clearfloat'>		<span class='zuo'>		"+this.AcceptTime.substring(11)+"		</span>				<span class='you'>	"+this.AcceptStation+"								</span>								</div>																</li>");						
						$("#dl").append($dd);
				    });
			    }
    	  	}); 
	</script>
	<div class="contaniner fixed-cont fixed-cont1">
		<section class="go-order">
			
			<div class="order-shop">
				<dl>
					<a href="<%=path %>/product/detail/${order.getProductId()}">
						<dt><img src="<%=path%>/statics/files/${order.getProducts().fileName }"></dt>
						<dd>
							<p>${order.getProducts().description }</p>
							<small>颜色：${order.color }</small>
							<span>尺寸：${order.size }</span>							
							<b>￥${order.getProducts().price }</b>
							<strong>×${order.quantity}</strong>
						</dd>
					</a>
					
				</dl>
				<ul>
					
					<li>
						<span>商品总额</span>
						<small>￥${order.cost}</small>
					</li>
					<li>
						<p>
							下单时间：${order.getOrder().createTime}<br />订单编号：${order.getOrder().serialNumber}
						</p>
					</li>
				</ul>
			</div>
			<div class="wuliu clearfloat">
				<div class="list clearfloat">
					<div class="left">
						
					</div>					
					<div class="right clearfloat">
						<ul id="dl">
							
						
						</ul>
					</div>
				</div>
				
			</div>
		</section>
	</div>
</body>
</html>